var dom = document.getElementById('data_right_bottom_bottom');
var myChart = echarts.init(dom, 'dark', {
  renderer: 'canvas',
  useDirtyRect: false
});
var app = {};

var option;
let value = 17;
option = {
	title: {
        text: '{a|'+ value +'}',
        x: '27%',
        y: 'center',
        textStyle: {
            rich:{
                a: {
                    fontSize: 18,
                    color: '#29EEF3'
                },
                
                c: {
                    fontSize: 20,
                    color: '#ffffff',
                    // padding: [5,0]
                }
            }
        }
    },
	backgroundColor:'',
	color: [ "#1665d8", "#55ce63", "#00bff3", "#f8e71c"],
	tooltip: {
		trigger: 'item'
	  },
	legend: {
	  orient: 'vertical',
	  top: 'center',
	  right: '10'
	},
	series: [
	  {
		type: 'pie',
		radius: ['30%', '40%'],
		center:["30%", "50%"],
		avoidLabelOverlap: false,
		label: {
		  show: false,
		  position: 'center',
		},
		labelLine: {
		  show: false
		},
		data: [
		  { value: 3, name: '大港分公司' },
		  { value: 2, name: '金港分公司' },
		  { value: 1, name: '东港分公司' },
		  { value: 11, name: '其它公司' }
		]
	  }
	]
  };

if (option && typeof option === 'object') {
  myChart.setOption(option);
}

window.addEventListener('resize', myChart.resize);